<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>Widpy</title>
<link rel="stylesheet" type="text/css" href="/media/css/stylesearch.css" media="screen" />
<link rel="stylesheet" type="text/css" href="/media/css/menuleft.css">
<link rel="stylesheet" type="text/css" href="/media/css/modal.css" media="screen" />
<script type="text/javascript" src="/media/js/menuleft.js"></script>
<script type="text/javascript" src="/media/js/styleswitcher.js"></script>
<script type="text/javascript" src="/media/js/ventana_pestanha.js"></script>
</head>
<body>
<div id="header">
<a href="/inicio" ><img name="logo" src="/media/img/logo.png" border="0" height="100" width="100"></a>

<div id="menule">

<ul id="qm0" class="qmmc">
	{% if superadmin %}
	<li><a class="qmparent" href="javascript:void(0)">SysAdmin </a>

    <ul>
		<li><a href="/admin/auth/user/">Usuarios</a></li>

		<li><a href="/admin/">Opciones de Administracion</a></li>
		
    </ul>
	</li>
	<li><span class="qmdivider qmdividery"></span></li>
	<li><a class="qmparent" href="javascript:void(0)">Administracion</a>

    <ul>
		<li><a href="/solicitud/">Solicitudes</a></li>		

		<li><a href="/admin/data/categoria/">Opciones de Categorias</a></li>

		<li><a href="/admin/data/etiqueta/">Opciones de Etiquetas</a></li>

    </ul>
	</li>
	
	<li><span class="qmdivider qmdividery"></span></li>
	
	<li><a class="qmparent" href="javascript:void(0)">Desarrollador </a>
    <ul>

		<li><a href="/admin/data/widget/add/">Registrar Widget</a></li>

		<li><a href="/admin/data/tema/add/">Registrar Tema</a></li>

		<li><a href="/admin/data/widget/">Opciones de Widgets</a></li>

		<li><a href="/admin/data/tema/">Opciones de Temas</a></li>

		
    </ul>
  </li>
	{% endif %}
	{% if admin %}
	
	<li><span class="qmdivider qmdividery"></span></li>
	<li><a class="qmparent" href="javascript:void(0)">Administracion</a>

		
    <ul>

		<li><a href="/solicitud/">Solicitudes({{nro_solicitudes}})</a></li>

		<li><a href="/admin/data/categoria/">Opciones de Categorias</a></li>

		<li><a href="/admin/data/etiqueta/">Opciones de Etiquetas</a></li>

    </ul>
	</li>
	
	<li><span class="qmdivider qmdividery"></span></li>
	
	<li><a class="qmparent" href="javascript:void(0)">Desarrollador </a>
    <ul>

		<li><a href="/admin/data/widget/add/">Registrar Widget</a></li>

		<li><a href="/admin/data/tema/add/">Registrar Tema</a></li>

		<li><a href="/admin/data/widget/">Opciones de Widgets</a></li>

		<li><a href="/admin/data/tema/">Opciones de Temas</a></li>

		
    </ul>
	</li>
	{% endif %}
	
	{% if desarrollador %}
	<li><span class="qmdivider qmdividery"></span></li>
	<li><a class="qmparent" href="javascript:void(0)">Desarrollador </a>

		
    <ul>

		<li><a href="/admin/data/widget/add/">Registrar Widget</a></li>

		<li><a href="/admin/data/tema/add/">Registrar Tema</a></li>

		<li><a href="/admin/data/widget/">Opciones de Widgets</a></li>

		<li><a href="/admin/data/tema/">Opciones de Temas</a></li>

		
    </ul>
  </li>
	{% endif %}
	<li><span class="qmdivider qmdividery"></span></li>
	{% if is_auth %}

	<li><a class="qmparent" href="javascript:void(0)">{{ nombreuser }}</a>
	{% else %}
	<li><a class="qmparent" href="javascript:void(0)">guest</a>
	{% endif %}
	{% if is_auth %}
    <ul>

		<li><a href="/editarperfil/">Editar Perfil</a></li>

		{% if not grupo %}

		<li><a href="javascript:solicitudDesarrollador()">Ser Desarrollador</a></li>
		
		{% endif %}

		<li><a href="/logout/">Logout</a></li>
		
    </ul>
    {% endif %}
  </li>


	<li><span class="qmdivider qmdividery"></span></li>

	<li><a class="qmparent" href="javascript:void(0)">Opciones</a>

		
    <ul>

		<li><a href="/inicio/" id="/inicio/">Pagina Principal</a></li>
		{% if not es_buscado %} 
		<li><a href="/search/?b=w" id="/search/">Buscar Items</a></li>
		{% endif %}	
		<li><a href="javascript:agregarPestanha();">Agregar Pesta&ntilde;a</a></li>
		
    </ul>
    
    
 
    {% if not is_auth %}
		<li><a class="qmparent"href="/login/" id="/login/">Registrarse</a>
		<li><a class="qmparent"href="/login/" id="/login/">Acceder</a>

	{% endif %}

  </li>




  <li class="qmclear">&nbsp;</li>
</ul>


<script type="text/javascript">qm_create(0,false,0,500,false,false,false,false,false);</script><!--[END-QM0]-->

</div>




 <div id="menu">
  <ul id="nav">
   
  </ul>
 </div>
</div>
<div id="content">
<div id="right">
<h1><p align="center">Informacion</p></h1>
<table>
	<tr rowspan="3">
		{% if img %}
			<td><img name="preview" src="{{ img }}" width='180' height='180' border="0" usemap="#starmap;"/></td>
		{% else %}
			<td><img name="preview" src="/media/img/not.png" width='180' height='180' border="0" usemap="#starmap;"/></td>
		{% endif %}
		<td></td>
		<td><table>
			<tr>	<td><a><h2>Tema:</h2></a></td>		<td>{{ nombre }}</td>	</tr>
			<tr>	<td><a><h2>Autor:</h2></a></td>		<td> {{ autor }}</td>	</tr>
			<tr>	<td><a><h2>Categoria:</h2></a></td>	<td> {{ categoria }}</td></tr>
			<tr>	<td><a><h2>Informacion:</h2></a></td>	<td> {{ info }}</td>	</tr>
			<tr>	<td><a><h2>Promedio:</h2></a></td>	<td> <img name="stars" src="/media/img/star{{ stars }}.gif" border="0" usemap="#starmap;"/>									</td>	</tr>
			<tr>	<td class="rating_title"><a><h2>Votar:</h2></a></td>
				<td><img name="rate_stars" src="/media/img/star0.gif" border="0" usemap="#starmap" style="cursor:pointer;" />
				<map name="starmap">
				  <area title="Worst"         	onclick="comentario(1);" 
								onmouseout="document.rate_stars.src='/media/img/star0.gif';" 
								onmouseover="document.rate_stars.src='/media/img/star1.gif';" coords=  "0,0,21,18" shape="rect"/>

				  <area title="Below Average" 	onclick="comentario(2);" 
								onmouseout="document.rate_stars.src='/media/img/star0.gif';" 
								onmouseover="document.rate_stars.src='/media/img/star2.gif';" coords= "22,0,43,18" shape="rect"/>

				  <area title="Average"       	onclick="comentario(3);" 
								onmouseout="document.rate_stars.src='/media/img/star0.gif';" 
								onmouseover="document.rate_stars.src='/media/img/star3.gif';" coords= "44,0,65,18" shape="rect"/>

				  <area title="Above Average" 	onclick="comentario(4);" 
								onmouseout="document.rate_stars.src='/media/img/star0.gif';" 
								onmouseover="document.rate_stars.src='/media/img/star4.gif';" coords= "66,0,87,18" shape="rect"/>

				  <area title="Best"          	onclick="comentario(5);" 
								onmouseout="document.rate_stars.src='/media/img/star0.gif';" 
								onmouseover="document.rate_stars.src='/media/img/star5.gif';" coords="88,0,107,18" shape="rect"/>
				</map>
				
				</td>
			
			</tr>
			<tr><td><a><h2>Tags</h2></a><td><ul>
			{% for tag in tags %}
				<a href="/search/?q={{ tag.etiquetas.nombre }}&modo=tem" id="/search/">{{ tag.etiquetas.nombre }}</a>
				&nbsp;&nbsp;&nbsp;
			{% endfor %}
			</ul></td></tr>
			<tr><td><a href="/search/change_theme/{{ tid }}"id="/change_theme/"><br></br>Cambiar Tema</a></td></tr>
			
			
		</table>
		</td>
	</tr>
</table>


<br /><br />


<br /><br />


<div id="capaComentario"
 style="border: 3px solid rgb(51, 51, 51); position: absolute; width: 390px; left: 371px; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 14px; font-weight: normal; background-color: rgb(250, 250, 250); color: rgb(0, 0, 0); top: 168px; height: 299px;">
<div style="text-align: center; color: rgb(3, 109, 167);">Comentario</div>
<br>
<center>
<form action="/search/info/t/{{ tid }}/comment/" method="post" >
  <div style="text-align: left; margin-left: 40px;">

  <label for="id_com" text-align="left">Comentario<small>(required)</small>
  </label>
  <textarea id="comments" rows="10" cols="40" name="comments"></textarea><br>
  </div>
  <input type="hidden" name="puntuacion" value="" id="puntuacion"/>
  <input id="btnAceptar"
 onclick="cerrarComentario();" name="btnSi"
 value="Submit" type="submit"> <input id="btnCancelar"
 onclick="cerrarComentario();" name="btnCancelar"
 size="20" value="Cancelar" type="button"> </form>
</center>
</div>
<div id="capaFondo5"> </div>

<br /><br />
<br /><br />

<ul>
{% for com in comentario %}
	<div class="box">
			<h2><a>{{ com.usuario.first_name }}&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<img name="stars" src="/media/img/star{{ com.promedio }}.gif" border="0" usemap="#starmap;"/>  {% ifequal com.usuario.id user.id %} &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <a href="/search/info/t/{{ tid }}/tdel"><img name="del" src="/media/img/imagenboxwid/button_cancel.gif" border="0" >{% endifequal %}</a></h2>
			<p></p>
			<div class="box">
				<h2>{{ com.cuerpo }}</h2>
				<p></p>
			</div>
	</div>
	<br /><br />
{% endfor %}
</ul>

			
			

</div>
	
<div id="left">
	
	<div class="box">
		
		<p align="left">
		<h2>Buscar por categorias:</h2>
		{% if categoria %}
			<ul>
			{% if que_buscar %}
				<li><p align="left"><a href="http://localhost/search/?b=t"id="/search/">Todas las categorias</p></a></li>
			{% else %}
				<li><p align="left"><a href="http://localhost/search/?b=t"id="/search/">Todas las categorias</p></a></li>
			{% endif %}

			{% for cat in categorial %}
				{% if que_buscar %}
					<li><p align="left"><a href="http://localhost/search/?modo=tem&cat={{ cat.nombre }}"id="/search/">{{ cat.nombre }}</p></a></li>
				{% else %}
					<li><p align="left"><a href="http://localhost/search/?modo=tem&cat={{ cat.nombre }}"id="/search/">{{ cat.nombre }}</p></a></li>
				{% endif %}
			{% endfor %}
			</ul>
		{% else %}
			<p>No hay Categorias.</p>
		{% endif %}
		</p>

	</div>
	
	 <div class="box">
	   <div style="font-size: 0.8em;">Design by UC</a></div>
	</div>

</div>

</div>



</body>
</html>
